@charset "utf-8";

html, body {
	background: #eff2f5;
}
.reg-water {
	position: relative;
	display: block;
	min-height: 810px;
	_height: 810px ;
	z-index: 0;
}
.reg-wp{
	margin: 0 auto;
	max-width: 1008px;
	padding-top: 100px;
}
.reg-box {
	width: 89.2857142%; /*900/1008*/
	padding: 1.3888889%; /*14/1008*/
	box-shadow:0 0 21px rgba(0, 0, 0, 0.3);
	margin:0 3.9682539%; /*40/1008*/
	z-index: 1;
}
.reg-box-wrap {
	background: #FFF;
	display: block;
	min-height: 400px;
	padding: 0 6.6666666%;/*60/900*/
	width: 86.6666667%;/*780/900*/

}
.reg-box-wrap h3 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #2c3e50;
	line-height: 64px;
	border-bottom: 1px #eff2f5 solid;
}
.box-wrap {
	display: block;
	overflow: hidden;
	width: 100%;/*780px;*/
}
.box-wrap .reg-info {
	width: 50%;/*390/780*/
	float: left;
	border-right: 1px solid #eff2f5;
	padding-bottom: 10px;
}
.box-wrap .reg-info h2 {
	font-size: 14px;
	color: #2c3e50;
	display: block;
	margin-top: 30px;
}
.box-wrap .reg-info h2 a {
	font-size: 14px;
	color: #3499da;
}

.box-wrap .reg-content {
	margin-top: 15px;
	width: 85.1282051%; /*332/390*/
}
/* 输入框 */
.login-label {
	background: #fff;
	position: relative;
	display: block;
	width:330px;
	height:48px;
	margin-bottom: 20px;
	border: #b8c4ce 1px solid;
}
.user-input-er-span {
	color:#b8c4ce;
	position: absolute;
	top:0px;
	right:0px;
	bottom:0px;
	line-height:48px;
	height:48px;
	display:block;
	padding-right: 35px;
	padding-left: 8px;
	font-size: 14px;
	background: #FFF;
	z-index:10;
}
.user-input-er-span b{ font-family:"微软雅黑"; font-weight:normal;} 
.user-input-er-span i:before {
	content: "\e606";
	position: absolute;
	top: 0;
	right: 0;
	height: 48px;
	width: 35px;
	display: block;
	font-size: 20px;
	color: #fcab2b;
	line-height: 47px;
	text-align: center;
}
.user-input-ri-span {
	color:#b8c4ce;
	position: absolute;
	top:0px;
	right:0px;
	bottom:0px;
	line-height:48px;
	height:48px;
	display:block;
	padding-right: 35px;
	padding-left: 8px;
	font-size: 14px;
	background: #FFF;
	z-index:10;
}
/* 提示 */
.user-input-tip-span{
	position: absolute;
	padding: 6px 3.0120481% 6px 13.5542168%; /*10/332 45/332*/
	line-height: 38px;
	color: #b8c4ce;
	height: 38px;
	width: 82.8313253%; /*275/332*/
	z-index: 1;
	font-size:14px;
	font-family: 'Hiragino Sans GB';
	top: 0;
	left: 0;
}
.user-input-ri-span i:before {
	content: "\e600"; 
	position: absolute;
	top: 1px;
	right: 1px;
	line-height:47px;
	height:48px;
	display:block;
	width: 35px;
	font-size: 20px;
	color: #1abc9c;
	text-align: center;
}
.login-label .placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 275px;
	height: 18px;
	line-height: 18px;
	cursor: text;
	color: #b8c4ce;
	display: block;
	padding: 16px 8px 16px 49px;

}


.login-label .colorInput {
	color: #2c3e50;
}
.user-mail {
	margin-bottom: 10px;
}

.login-label input {
	/*padding: 6px 3.0120481% 6px 13.5542168%; 10/332 45/332*/
	padding: 6px 3.030303%; /*10/330*/
	position: relative;
	line-height: 38px;
	color: #b8c4ce;
	height: 38px;
	/*width: 82.8313253%; 275/332*/
	width: 85%;  /*264/330*/
	z-index: 2;
	background: transparent;
	font: 14px/1 'Hiragino Sans GB';
	border: none;
}
.input-on {
	border:#3498db 1px solid;
	box-shadowinput-on:0 0 4px rgba(41, 128, 185, 0.4);
}
.input-ri {
	border:#3498db 1px solid;
	box-shadow:0 0 4px rgba(41, 128, 185, 0.4);
}
.input-er {
	border:#fcab2b 1px solid;
	box-shadow:0 0 4px rgba(252, 171, 43, 0.4);
}
.checkboxline{
	height:26px;
	line-height:26px;
	display:block;
}
.user-checkbox {
	margin-right: 5px;
	margin-top: -2px;
}
.checkboxline em {
	color: #b8c4ce;
}
.checkboxline a {
	color: #2c3e50;
	display: inline-block;
}
.checkboxline a:hover {
	color: #3499da;
}

/* 登陆按钮 */
.checkSubmit {
	margin: 15px 0;
	display: block;
	padding-left: 50px;
}
.checkSubmit span {
	display: inline-block;
	color: #34495e;
}
.checkSubmit span em {
	color: #b8c4ce;
	padding: 0 6px;
}
.checkSubmit span a {
	color: #3499da;
}
.checkSubmit span a:hover {
	text-decoration: underline;
}
/* 右侧作品 */
.reg-work {
	width: 35.8974358%; /*280/780*/
	float: left;
	padding-left: 7.6923076%; /*60/780*/
	overflow: hidden;
}

.log-read {

	margin-top: 35px;
	display: block;
	width: 100%; /*280px;*/
	height: 260px;
	overflow: hidden;

}

.log-read .read-img {

	position: relative;
	width: 100%; /*280px;*/
	height: 200px;
	overflow: hidden;
}
.log-read .read-img .read-text {

	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;

}

.log-read .read-img a {
	filter: alpha(opacity=0);
	opacity: 0;
	transition: all 0.2s ease-out;
	background: #3499da;
}
.log-read .read-img a:hover {
	filter: alpha(opacity=85);
	opacity: 0.85;
	transition: all 0.5s ease-out;
}

.log-read .read-img a .text-read {
	filter: alpha(opacity=0);
	opacity: 0;
	transition: all 0.2s ease-out;
	position: relative;
	top: 70px;
	height: 40px;
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 26px;
}
.log-read .read-img a:hover .text-read {
	filter: alpha(opacity=100);
	opacity: 10;
	transition: all 0.5s ease-out;
}
.log-read .read-img a .text-author {
	filter: alpha(opacity=0);
	opacity: 0;
	transition: all 0.2s ease-out;
	position: relative;
	top: 70px;
	height: 20px;
	display: block;
	text-align: center;
	color: #FFF;
	font-size: 1em;
}
.log-read .read-img a:hover .text-author {
	filter: alpha(opacity=100);
	opacity: 10;
	transition: all 0.5s ease-out;
}

.log-read .read-img img {

	display: block;
	width: 100%; /*280px;*/
	height: auto; /*210px;*/

}
.log-read .read-title {
	display: block;
	margin-top: 10px;
	display: block;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
}
.log-read .read-title a {
	color: #41464b;
	font-size: 18px;
}
.log-read .read-title a:hover {
	color: #3499da;
}


.log-read .read-info {
	margin-top: 5px;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
}
.log-read .read-info i {
	float: left;
	display: block;
	height: 20px;
	line-height: 20px;
	margin-right: 20px;
	/*padding-left: 22px;*/
	color: #b8c4ce;
	/*background: url(../images/works-icons.png) no-repeat -20000px -20000px;*/
}


/* 尾部 */
.reg-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 260px;
	background: url("../images/reg-water-4.png") repeat-x 90px -1px;
	z-index: -1;
	display: block;
}
.reg-water-3 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/reg-water-3.png") repeat-x 90px -1px;
	z-index: 3;
	height: 210px;
	width: 100%;
}
.reg-water-2 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/reg-water-2.png") repeat-x 80px -1px;
	z-index: 3;
	height: 150px;
	width: 100%;
}.reg-water-1 {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/reg-water-1.png") repeat-x 50px -1px;
	z-index: 3;
	height: 80px;
	width: 100%;
}


/* 钓鱼 */
#reg-meirenyu {
	width:26%;/*385px;*/
	height:370px;
	top:-210px;
	position:absolute;
	left:50%;
	margin-left:60px;
	z-index:25;
}
#reg-meirenyu img{
	width: 100%;
	height: auto;
}
#reg-pic {
	width:65px;
	height:65px;
	top:40px;
	position:absolute;
	left:10%;
	/*margin-left:-570px;*/
	background:url(../images/pic.png) no-repeat;
	z-index:2;
}
#reg-diqiu {
	width:67px;
	height:67px;
	top:40px;
	position:absolute;
	left:40%;
	/*margin-left:-90px;*/
	background:url(../images/diqiu.png) no-repeat;
	z-index:3;

}
#reg-eye {
	width:67px;
	height:67px;
	top:40px;
	position:absolute;
	right: 15%;
	/*margin-left:439px;*/
	background:url(../images/eye.png) no-repeat;
	z-index:3;
}


/* 2 内图标 */

#reg-game {
	width:95px;
	height:80px;
	top:40px;
	position:absolute;
	left:10%;
	/*margin-left:-571px;*/
	background:url(../images/game.png) no-repeat;
	z-index:2;
}
#reg-zhinan {
	width:95px;
	height:80px;
	top:40px;
	position:absolute;
	left:30%;
	/*margin-left:-267px;*/
	background:url(../images/zhinan.png) no-repeat;
	z-index:2;
}
#reg-luyin {
	width:95px;
	height:80px;
	top:40px;
	position:absolute;
	right: 10%;
	/*margin-left:500px;*/
	background:url(../images/luyin.png) no-repeat;
	z-index:2;
}
#reg-pingzi {
	width:95px;
	height:80px;
	top:40px;
	position:absolute;
	right: 40%;
	/*margin-left:103px;*/
	background:url(../images/pingzi.png) no-repeat;
	z-index:2;
}





/* CSS Document */

.wt {
	margin-top:537px;
	width:100px;
	float:left;
}
.wt ul {
	width:100%;
}
.wt ul {
	display:block;
}
.wt ul li#win1 {
	background:url(../images/water-4.png) repeat-x 0 0;
	top:537px;
	width:100%;
	height:117px;
	position:absolute;
	z-index:10;
	-webkit-animation: win1-animation 2s infinite ease-in-out;
	-moz-animation: win1-animation 2s infinite ease-in-out;
	-o-animation: win1-animation 2s infinite ease-in-out;
	-ms-animation: win1-animation 2s infinite ease-in-out;
	animation: win1-animation 2s infinite ease-in-out;
}
.wt ul li#win2 {
	background:url(../images/water-3.png) repeat-x 0 0;
	top:593px;
	width:100%;
	height:117px;
	position:absolute;
	z-index:20;
	-webkit-animation: win2-animation 2s infinite ease-in-out;
	-moz-animation: win2-animation 2s infinite ease-in-out;
	-o-animation: win2-animation 2s infinite ease-in-out;
	-ms-animation: win2-animation 2s infinite ease-in-out;
	animation: win2-animation 2s infinite ease-in-out;
}
.wt ul li#win3 {
	background:url(../images/water-2.png) repeat-x 0 0;
	top:649px;
	width:100%;
	height:117px;
	position:absolute;
	z-index:30;
	-webkit-animation: win3-animation 2s infinite ease-in-out;
	-moz-animation: win3-animation 2s infinite ease-in-out;
	-o-animation: win3-animation 2s infinite ease-in-out;
	-ms-animation: win3-animation 2s infinite ease-in-out;
	animation: win3-animation 2s infinite ease-in-out;
}
.wt ul li#win4 {
	background:url(../images/water-1.png) repeat-x 0 0;
	top:702px;
	width:100%;
	height:60px;
	position:absolute;
	z-index:40;
	-webkit-animation: win4-animation 2s infinite ease-in-out;
	-moz-animation: win4-animation 2s infinite ease-in-out;
	-o-animation: win4-animation 2s infinite ease-in-out;
	-ms-animation: win4-animation 2s infinite ease-in-out;
	animation: win4-animation 2s infinite ease-in-out;
}





.wt ul li#reg-box {
	width:900px;
	height:535px;
	top:100px;
	position:absolute;
	left:50%;
	margin-left:-450px;
	background:#eaeef1;
	z-index:15;
	box-shadow:0 0 21px rgba(0, 0, 0, 0.3)
}
#log-box {
	width:902px;
	height:422px;
	top:0;
	position:fixed;
	left:0;
	background: url(../images/opaticy.png) repeat 0 0;
	z-index:15;
	box-shadow:0 0 21px rgba(0, 0, 0, 0.3);
	display: none;
}

#log-box1 {
	width:902px;
	height:422px;
	top:0;
	position:fixed;
	left:0;
	background: url(../images/opaticy.png) repeat 0 0;
	z-index:15;
	box-shadow:0 0 21px rgba(0, 0, 0, 0.3);
	display: none;
}

.log-inbox{ width:760px; height:400px; margin:10px 10px; background:#FFF; padding:0 60px; border:#f1f1f1 solid 1px;}
.log-inbox h3{ text-align:center; font-size:24px; font-weight:bold; color:#2c3e50; line-height:64px; border-bottom:1px #eff2f5 solid;}

/*close START BY LangLee*/
.log-close { position: absolute; top: 32px; right: 32px; width: 22px; height: 22px; background: url(../images/log-close.png) no-repeat 0 0; cursor: pointer; }
.log-close:hover { background-position: 0 -22px;}
/*close END*/

.reg-inbox{ width:760px; height:515px; margin:10px 10px; background:#FFF; padding:0 60px;}
.reg-inbox h3{ text-align:center; font-size:24px; font-weight:bold; color:#2c3e50; line-height:64px; border-bottom:1px #eff2f5 solid;}
.reg-box-l{ width:380px; height:310px; float:left; border-right:1px #eff2f5 solid;}
.reg-box-l h4{ font-size:14px; color:#2c3e50; line-height:55px; margin-top:15px; font-weight:normal;}
.reg-box-l .user-name{ padding-left:35px; width:285px; background:url(../images/icons.png)  no-repeat -75px -995px; margin-bottom:20px;}
.reg-box-l .user-psw{ padding-left:35px; width:285px; background:url(../images/icons.png)  no-repeat -75px   -1045px; margin-bottom:20px;}
.reg-box-l .user-psw-a{ padding-left:35px; width:285px; background:url(../images/icons.png)  no-repeat -75px -1106px; margin-bottom:20px;}
.reg-box-l .user-mail{ padding-left:35px; width:285px; background:url(../images/icons.png)  no-repeat -75px -1166px; margin-bottom:10px;}
.check-label{ line-height:24px; float:left; text-indent:10px; color:#b8c4ce; font-weight:normal; margin-left:-10px;}
.check-label a{ color:#2c3e50;}


.log-box-2{ width:280px; float:left; padding-left:60px; overflow:hidden; height: 295px; }


#passInput {
	position: relative;
}
#passInput label {
	height: 36px;
	line-height: 36px;
	padding: 7px 11px 7px 35px;
	color: #b8c4ce;
	font-size: 14px;
	width: 286px;
	position: absolute;
	z-index: 1;
}



.reg-box-2{ width:340px; float:left; margin-left:38px; overflow:hidden;}
.reg-box-2 h4{ font-size:14px; color:#2c3e50; line-height:54px; margin-top:15px; font-weight:normal;}
.reg-box-2 ul{ float:left; width:360px; display:block;}
.reg-box-2 ul li{ display:inline-block; float:left; margin-right:20px; width:160px; height:50px; margin-bottom:20px;}
.reg-box-2 ul li a{ display:block; float:left; width:160px; height:50px;}
.reg-box-2 ul li a.ri-weibo{ background:url(../images/login-sns.png) no-repeat 0 0;}
.reg-box-2 ul li a.ri-weibo:hover{ background:url(../images/login-sns.png) no-repeat 0 -51px;}
.reg-box-2 ul li a.re-huaban{ background:url(../images/login-sns.png) no-repeat -161px 0;}
.reg-box-2 ul li a.re-huaban:hover{ background:url(../images/login-sns.png) no-repeat -161px -51px;}
.reg-box-2 ul li a.re-gezi{ background:url(../images/login-sns.png) no-repeat -322px 0;}
.reg-box-2 ul li a.re-gezi:hover{ background:url(../images/login-sns.png) no-repeat -322px -51px;}
.reg-box-2 ul li a.re-tencent{ background:url(../images/login-sns.png) no-repeat -483px 0;}
.reg-box-2 ul li a.re-tencent:hover{ background:url(../images/login-sns.png) no-repeat  -483px -51px;}

.sp_xjCheckBox{
	height:16px;
	line-height:18px;
	text-indent:20px;
	background:url(../images/checkbox.png) no-repeat left 0px;
	position:relative;
	cursor:pointer;
	float:left;
	clear:both;
	margin-top:5px;
}
.sp_xjCheckBox_N{
	background-position:left 0;
}
.sp_xjCheckBox_H{
	background-position:left -16px;
}
.sp_xjCheckBox_C{
	background-position:left -32px;

}



/* 云朵 */
.reg-cloud-1 { width: 155px; height: 88px; top: 50px; position: absolute; left: 3.9285714%; z-index: -1; }
.reg-cloud-2 { width: 74px; height: 40px; top: 15px; position: absolute; left: 17.8571428%;  z-index: -1; }
.reg-cloud-3 { width: 155px; height: 88px; top: 160px; position: absolute; right: 9.2857142%;  z-index: -1; }
.reg-cloud-4 { width: 74px; height: 40px; top: 300px; position: absolute; right: 3.5714285%;  z-index: -1; }
.reg-cloud-1 i, .reg-cloud-3 i{ font-size: 160px; line-height: 85px; color: #fff; }
.reg-cloud-2 i, .reg-cloud-4 i{ font-size: 80px; line-height: 30px; color: #fff; }


/*字体图标附加样式*/
.reg-i { position: absolute; top: 17px; left: 12px; }
.mls { margin-left: 30px !important; }
/*字体图标附加样式 end*/
